<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title> 登陆</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/vue.min.js"></script>
<script type="text/javascript" src="../script/zepto.min.js"></script>
        <script type="text/javascript" src="../script/fastclick.js"></script>
<script type="text/javascript" src="../script/app.js"></script>
<script type="text/javascript" src="../script/md5.min.js"></script>
<script type="text/javascript" src="../script/login.js"></script>
	<style>
        .login-third {
            margin-top: 3rem;
        }
	</style>
</head>
<body>
  <div class="page" id="pageLogin">
  <header class="aui-bar aui-bar-nav aui-bg-yellow" id="aui-header">登陆</header>
    <section class="aui-content aui-margin-t-15">
        <ul class="aui-list aui-form-list" v-if="type==1">
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label aui-border-r color-orange">
                        手机号 <small class="aui-margin-l-5 aui-text-warning">+86</small>
                    </div>
                    <div class="aui-list-item-input aui-padded-l-10">
                        <input type="number" pattern="[0-9]*" placeholder="输入手机号" id="phone" >
                    </div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-input" style="width: auto;">
                        <input type="number" pattern="^1[345678][0-9]{9}$" placeholder="输入短信验证码" id="code">
                    </div>
                    <div class="aui-list-item-label aui-margin-r-15" style="width: 6rem;" @click="getCode">
                        <div class="aui-btn aui-btn-yellow" id="codeBnt" style="width: 6rem;">获取验证码</div>
                    </div>
                </div>
            </li>


        </ul>


        <ul class="aui-list aui-form-list" v-if="type==2">
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label aui-border-r color-orange">
                        账号
                    </div>
                    <div class="aui-list-item-input aui-padded-l-10">
                        <input type="number" pattern="[0-9]*" placeholder="输入账号" id="user_name" >
                    </div>
                </div>


            </li>

            <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-label aui-border-r color-orange">
                      密码
                  </div>
                  <div class="aui-list-item-input aui-padded-l-10">
                      <input type="password" pattern="[0-9]*" placeholder="输入密码"   id="password">
                  </div>
              </div>
          </li>
        </ul>
    </section>
    <section class="aui-content-padded">
        <div class="aui-btn aui-btn-block  aui-btn-yellow aui-btn-sm  " @click="login" tapmode>登录</div>
    </section>

    <section class="aui-content-padded login-third">
        <p class="aui-font-size-12 aui-text-center color-orange aui-margin-b-15" @click="loginChange" >{{type==1?'使用账号密码登陆':'使用手机号登陆'}}</p>
    </section>

    <!-- <section class="aui-content-padded login-third">
        <p class="aui-font-size-12 aui-text-center aui-margin-b-15">第三方账号登录</p>
        <div class="aui-grid" style="background: none;">
            <div class="aui-row">
                <div class="aui-col-xs-4">
                    <i class="aui-iconfont aui-icon-qq"></i>
                </div>
                <div class="aui-col-xs-4">
                    <i class="aui-iconfont aui-icon-wechat"></i>
                </div>
                <div class="aui-col-xs-4">
                    <i class="aui-iconfont aui-icon-weibo"></i>
                </div>
            </div>
        </div>
    </section> -->
  </div>
</body>


</html>
